.container {



  .top{
  	background: linear-gradient(to right,#4890F7,#3374EF);
  	height: 200rpx;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	padding: 0 30rpx;
	
	.time{
		color: white;
	}
	
  }

	
    .box{
  	  display: flex;
justify-content: space-around;
  	  background-color: white;
  	  border-radius: 10rpx;
  	  padding: 10rpx 5rpx;
  	  margin-top: 20rpx;
  	  .box-item{
  		  display: flex;
  		  image{
  			  width: 30rpx;
  			  margin-right: 10rpx;
  		  }
  		  .unit{
  			  font-size: 24rpx;
  		  }
  		  .money{
  			  margin-left: 10rpx;
  			  font-weight: bold;
  		  }
		  .fail{
			  color: #FF5959;
		  }
  		  .num{
  			  font-weight: bold;
  		  }
  		  .slash{
  			  color: #B0ABAB;
  			  margin: 0 10rpx;
  		  }
  	  }
    }
  

  .listBox {
	  background: white;
	  margin: 20rpx 30rpx;
	  border-radius: 10rpx;
	  .tab-header{
	  	display: flex;
	font-weight: bold;
		.tab-item{
			flex:1;
			height: 60rpx;
			line-height: 60rpx;
			text-align: center;
			border-top-left-radius: 10rpx;
			border-top-right-radius: 10rpx;
			background-color: #f0f5ff;
		}
		.line{
			width: 10rpx;
			height: 10rpx;
			background-color: #3374EF;
		}
		.active{
			background-color: white;
			color: #3374EF;
			
			
		}
	  }
    .list-wrapper {
      position: relative;
      flex: 1;
      padding: 20rpx 0;
      box-sizing: border-box;
      overflow: hidden;

      .card-wrapper {
      border-bottom: 1rpx solid #F5F5F5;
     
        padding: 20rpx;
        margin: 0 30rpx 20rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
  
.icon{
	margin-right: 30rpx;
	image{
		width: 70rpx;
	}
}
.name{
	flex: 1;
	.title{
		font-weight: bold;
	}
	.sign{
		font-size: 22rpx;
		border: 1rpx solid #9C9C9C;
		color: #9C9C9C;
		border-radius: 10rpx;
		padding: 2rpx 5rpx ;
		margin-left: 10rpx;
	}
	.date{
		font-size: 24rpx;
		color: #9C9C9C;
		margin-top: 10rpx;
	}
	
}
.money{
	font-weight: bold;
	
}
.settle{
		border: 1rpx solid #9C9C9C;
		color: #9C9C9C;
		font-size: 22rpx;
		border-radius: 10rpx;
		padding: 2rpx 5rpx ;
		margin-top: 10rpx;
	}
      .success{
		  border: 1rpx solid #FF5959;
		  color: #FF5959;
	  }
      }
    }
	.empty{
	
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 50rpx 0;
		image{
			width: 100rpx;
		}
	}
  }


}